<template>
  <view class="flex items-center mt-[20rpx] bg-[#fafafa] p-[10rpx] rounded-[8rpx]" v-if="order?.userRemark">
    <view class="text-[#303133] text-[32rpx] font-400 leading-[36rpx] ">
      <text>会员备注:</text>
      <text class="ml-[10rpx]">{{ order?.userRemark }}</text>
    </view>
  </view>
  <view class="flex items-center mt-[20rpx] bg-[#fafafa] p-[10rpx] rounded-[8rpx]"
    v-if="order?.orderStoreReasons?.length">
    <view class="text-[#303133] flex  flex-wrap text-[32rpx] font-400 leading-[36rpx] " style="display: flow-root;">
      门店备注:
      <text v-for="(item, index) in order?.orderStoreReasons" :key="index"> {{
        item.creator.split(':')[1] }} (ID:{{
          item.creator.split(':')[0] }})
        {{ timeFormat(item.createTime, 'yyyy-mm-dd hh:MM:ss') }}
        【<text class="text-[var(--primary-color)]">{{
          item.reason
        }} </text>】

      </text>



    </view>
  </view>
</template>
<script setup lang="ts">
import { timeFormat } from "@/utils/formatting"

const props = defineProps({
  order: {
    type: Object,
    default: () => {
      return {

      }
    }
  }
})
const toCall = (phoneNumber: any) => {
  console.log(phoneNumber)

  uni.makePhoneCall({
    phoneNumber: phoneNumber //仅为示例
  });
}
</script>